<template>
  <div>
    <h1 style="text-align:center;margin-top:20px;color:#41B883">多人在线聊天</h1>
    <img
      src="@/assets/logo.png"
      alt
      width="150"
      height="150"
      style="margin:20px auto 0;display:block;"
    />
    <div class="home-btn">
      <!-- route路由  router路由器-->
      <mt-button type="primary" style="margin-right:20px;" @click="$router.push('/register')">注册</mt-button>
      <mt-button type="primary"  @click="login">登录</mt-button>
    </div>
  </div>
</template>

<script>
export default {
  name:'home',
  methods:{
    login(){
      this.$router.push('/login')
    }
  },
}
</script>

<style scoped>
.home-btn{
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>